<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height, initial-scale=0.8, maximum-scale=2, minimum-scale=0.5">
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-orientation" content="portrait" />
    <meta name="Description" content=""/>
    <meta name="Keywords" content=""/>
    <title>资讯中心</title>
    <script type="text/javascript" src="../tooljs/jquery.js"></script>
    <script type="text/javascript" src="../js/headModule.js"></script>
    <script type="text/javascript" src="../js/bottomModule.js"></script>
    <script type="text/javascript" src="../js/swipeslider.min.js"></script>
    <script type="text/javascript" src="../js/iscroll.js"></script>

    <link rel="stylesheet" href="../css/homepage.css">
    <!--<link rel="stylesheet" href="./css/lunbotu.css">-->
    <link rel="stylesheet" href="../css/swipeslider.css">
    <!--<link rel="stylesheet" href="../css/slipPhoto.css">-->
    <link href="../css/slipStyle.css" rel="stylesheet" />
</head>
<style>
    *{
        margin: 0;
        padding: 0;
    }
    div[name="middleModule"]{
        padding-top: 48px;
        padding-bottom: 98px;
        overflow-y: auto;
    }
    div[name="searchBar"]{
        position: relative;
        width: 750px;
        background-color: white;
    }
    .searchIcon{
        position: absolute;left: 0;z-index:5;
        background-image: url(../images/icons/icon_search@2x.png); /*引入图片图片*/
        background-repeat: no-repeat; /*设置图片不重复*/
        background-position: 0px 0px; /*图片显示的位置*/
        width: 60px; /*设置图片显示的宽*/
        height: 60px; /*图片显示的高*/
        margin-left: 40px;
        margin-top: 40px;
    }
    input[name="searchInput"]{
        height: 68px;
        width: 700px;
        color: #a0a0a0;
        margin-left: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
        background-color: #f2f2f3;
        font-size:26px;
        border-radius:6px;
        border: none;
    }
    div[name="hotInformationHead"]{
        height:86px;
    }
</style>
<body style="width: 750px">
<div name="informationCenterPage">
    <div name="headModule">
    </div>
    <div name="middleModule">
         <div name="lunbotu">
             <figure id="full_feature" class="swipslider">
                 <ul class="sw-slides">
                     <li class="sw-slide">
                         <img src="../images/2.jpg" alt="Summer beach concept">
                     </li>
                     <li class="sw-slide">
                         <img src="../images/1.jpg" alt="Lang from Yie Ar Kung Fu">
                     </li>
                     <li class="sw-slide">
                         <img src="../images/1.jpg" alt="Tiny Tina">
                     </li>
                     <li class="sw-slide">
                         <img src="../images/1.jpg" alt="Tiny Tina from Borderlands 2">
                     </li>
                     <li class="sw-slide">
                         <img src="../images/1.jpg" alt="Redhead girl">
                     </li>
                 </ul>
             </figure>
    </div>

         <div name="searchBar">
             <i class="searchIcon"></i>
             <input type="text" name="searchInput" placeholder="        请输入关键词搜索">
         </div>

        <div name="hotInformation" style="height:520px;background-color: #f2f2f3">
        <div name="hotInformationHead">
            <img src="../images/icons/information_icon_hot@2x.png" style="margin-top: 20px;margin-left: 25px;float: left">
            <span style="font-size: 28px;color:#f34b6f;display: inline;float: left;margin-top: 20px;margin-left: 25px;">热门资讯</span>
        </div>
            <div class="box">
                <div class="boxItem">
                    <img src="../images/timg_140X140.jpg" alt="">
                    <div class="title">
                        <span class="titleLeft">推广标题</span>
                        <span class="titleRight">10-01</span>
                    </div>
                    <div class="boxContext">
                        <span>
                            拼命向前，我有我的偏爱，探索星座搭配
                        </span>
                    </div>
                </div>
                <div class="boxItem">
                    <img src="../images/timg_140X140.jpg" alt="">
                    <div class="title">
                        <span class="titleLeft">推广标题</span>
                        <span class="titleRight">10-01</span>
                    </div>
                    <div class="boxContext">
                        <span>
                            拼命向前，我有我的偏爱，探索星座搭配
                        </span>
                    </div>
                </div>
                <div class="boxItem">
                    <img src="../images/timg_140X140.jpg" alt="">
                    <div class="title">
                        <span class="titleLeft">推广标题</span>
                        <span class="titleRight">10-01</span>
                    </div>
                    <div class="boxContext">
                        <span>
                            拼命向前，我有我的偏爱，探索星座搭配
                        </span>
                    </div>
                </div>
                <div class="boxItem">
                    <img src="../images/timg_140X140.jpg" alt="">
                    <div class="title">
                        <span class="titleLeft">推广标题</span>
                        <span class="titleRight">10-01</span>
                    </div>
                    <div class="boxContext">
                        <span>
                            拼命向前，我有我的偏爱，探索星座搭配
                        </span>
                    </div>
                </div>
                <div class="boxItem">
                    <img src="../images/timg_140X140.jpg" alt="">
                    <div class="title">
                        <span class="titleLeft">推广标题</span>
                        <span class="titleRight">10-01</span>
                    </div>
                    <div class="boxContext">
                        <span>
                            拼命向前，我有我的偏爱，探索星座搭配
                        </span>
                    </div>
                </div>
                <div class="boxItem">
                    <img src="../images/timg_140X140.jpg" alt="">
                    <div class="title">
                        <span class="titleLeft">推广标题</span>
                        <span class="titleRight">10-01</span>
                    </div>
                    <div class="boxContext">
                        <span>
                            拼命向前，我有我的偏爱，探索星座搭配
                        </span>
                    </div>
                </div>
            </div>
    </div>

        <div name="discussCenter" style="height: 300px;background-color: white">

        </div>
    </div>
    <div name="bottomModule">
    </div>
</div>
<!--<script src="../js/lunbotu.js"></script>-->
<script type="text/javascript">
    var headmodule = headmodal("资讯中心","../images/icons/nav_menu@2x.png","../images/icons/nav_news@2x.png","navIcon","chatIcon");
    // document.getElementById("headModule").append(headmodal());
    $('div[name="headModule"]').append(headmodule);
    var bottommodule = bottomModal("../images/icons/tab_home@2x.png","../images/icons/tab_classify@2x.png","../images/icons/tab_publish@2x.png","../images/icons/tab_information_sel@2x.png","../images/icons/tab_my@2x.png")
    $('div[name="bottomModule"]').append(bottommodule);
    $(window).load(function() {
        $('#full_feature').swipeslider();
    })

    $('img[name="img1"]').click(function () {
        window.location.href="../homepage.html";
    })
    $('img[name="img4"]').click(function () {
        window.location.href="classifyPage.html";
    })
    $('img[name="img5"]').click(function () {
        window.location.href="personalCenterPage.html";
    })
</script>
</body>
</html>